﻿@charset "utf-8";

* { margin:0; padding:0; }
ul,li{ list-style-type:none; }
img { border:0; }
textarea { border:1px #cccccc solid; }
div { margin:auto; }
a { color:#49B8DA; text-decoration:none; }
a:hover { text-decoration:underline; }
h4 { font-size:14px; font-weight:600; line-height:30px;  }
.c { clear:both; }
.blank1 { width:100%; height:10px; line-height:10px; }
.blank2 { width:100%; height:20px; line-height:20px; }
.blank3 { width:100%; height:30px; }
.blank4 { width:100%; height:40px; }
.blank5 { width:100%; height:50px; }
.blank6 { width:100%; height:60px; }
.blank8 { width:100%; height:80px; }
input[type="text"] { border:1px solid #cccccc; font-size:14px; height:20px; }

body { font-size:12px; font-family:Arial,Helvetica; text-align:center; }
.box { width:960px; }
.pagination { text-align:center; color:#666666; }
.pagination span, .pagination a { padding:0 10px; font-weight:bold; }
.split-line { background:url("../images/split-bg.gif") repeat-x; height:7px; }

#header #nav { float:left; }
#header #nav li { float:left; padding:0 2px 0 0; }
#header #nav li a { line-height:60px; display:block; height:60px; width:90px; background:url("../images/nav-bg.png") repeat-x; font-size:14px; font-weight:bold; color:#999999; text-decoration:none; }
#header #nav li a:hover, #header #nav li a.selected { color:#ffffff; background:url("../images/nav-bg-selected.png") no-repeat; }
#header #nav li a span { display:block; padding:5px 0; }
#header #header-bottom { background:#262626; text-align:right; height:40px; overflow:hidden; }

#banner { height:345px; width:100%; background:url("../images/banner-bg3.png") no-repeat; }
#banner #banner-transparent-bg { background:#245282; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; width:960px; height:345px; }
#banner #banner-content { position:absolute; left:0; top:0; height:345px; width:960px; }
#banner #banner-content #slogan { float:left; width:380px; text-align:left; padding-left:30px; }
#banner #banner-content #slogan h3 { font-size:32px; font-family:SimHei; color:#ffffff; line-height:50px; }
#banner #banner-content #slogan #mission { color:#ccff66; font-size:18px; font-family:SimHei; line-height:25px; }
#banner #banner-content #slogan #advice { font-size:14px; line-height:25px; color:#ffffff; }
#banner #banner-content #team { padding-right:30px; width:430px; text-align:right; float:right; }
#banner #banner-content #team h3 { font-size:20px; line-height:30px; color:#cccccc; padding:0 8px; font-family:SimHei; }
#banner #banner-content #team ul li { float:left; padding:5px; }
#banner #banner-content #team ul li a, #banner #banner-content #team ul li span { display:block; padding:2px; border:1px solid #cccccc; width:55px; height:55px; }
#banner #banner-content #team .show-all-link { color:#05ADC0; padding:0 8px; }

.main { background:url("../images/main-bg.png") repeat-x; }
.main .index-main-left { width:560px; float:left; }
.main .index-main-right { width:320px; float:right; }
.main .main-left { width:200px; float:left;  }
.main .main-right { width:600px; padding:0 0 0 20px; float:left; border-left:1px solid #cccccc; }
.box-title h3 { line-height:60px; font-size:18px; text-align:left; color:#999999; }
.work .work-header { border-bottom:1px solid #666666; font-family:SimHei; font-size:20px; text-align:left; line-height:30px; }
.work .work-header .work-name { color:#666666; }
.work .work-header .work-name a { color:#666666; text-decoration:none; }
.work .work-header .work-name a:hover { color:#eb6912; }
.work .work-content { background:url("../images/case-bg1.png") repeat-x; padding:15px 0 0 0; }
.work .work-content .work-content-left { float:left; text-align:right; width:150px; line-height:30px; font-size:14px; }
.work .work-content .work-content-left  a { display:block; }
.work .work-content .work-content-left  span { display:block; color:#666666; font-size:12px; }
.work .work-content .work-content-left  span.created { font-weight:bold; color:#000000; font-size:14px; }
.work .work-content .work-content-right { float:right; text-align:left; width:360px; }
.work .work-content .work-content-right img { border:1px solid #cccccc; }
.work .work-content .work-content-right p { line-height:200%; color:#666666; }
.about-box { text-align:left; }
.about-box ul li { padding:10px 0; font-size:14px; }
.about-box ul li span { padding: 0 10px 0 0; line-height:20px; color:#333333;  }
.about-box ul li a { line-height:20px; }

#service-box { clear:both; text-align:center; font-size:14px; background:#323232; }
#service-box .service-panel { width:300px; margin:0 15px; }
#service-box .service-panel h4 { font-size:14px; border-bottom:1px solid #555555; color:#E70E18; }
#service-box .service-panel dl { padding:10px 5px; }
#service-box .service-panel dl dt a { color:#bbbbbb; font-size:18px; font-family:SimHei; text-decoration:none; }
#service-box .service-panel dl dt a:hover, .service-panel dl dd a:hover { color:#ffffff; }
#service-box .service-panel dl dd a { font-size:12px; color:#666666; line-height:30px; text-decoration:none; }

#friend-box { text-align:center;  color:#666666; padding:20px 0 0 0; line-height:20px; }
#friend-box a { padding:0 5px; color:#666666; }

#footer p { padding:20px 0 30px 0; color:#000000; }

#service-left { width:200px; float:left; }
#service-right { width:740px; float:right; color:#333333; border-left:1px solid #cccccc; }

.sub-nav { text-align:left; line-height:30px; }
.sub-nav ul li { padding:2px 0; }
.sub-nav ul li a { font-size:14px; display:block; padding:0 10px; color:#666666; }
.sub-nav ul li a:hover, .sub-nav ul li a.selected { background:#49B8DA; color:#ffffff; text-decoration:none; }

.service-item, .blog-item { width:600px; text-align:left; float:left; clear:both; padding-left:50px; }
.blog-item h3 { line-height:25px; }
.blog-item .blog-info { line-height:200%; }
.service-item  .service-item-head { border-bottom:1px solid #cccccc; }
.service-item  .service-item-head h3 { line-height:40px; font-size:24px; font-family:SimHei; }
.service-item p { line-height:30px; font-size:14px; padding:10px 0; }

#contant-left { width:500px; float:left; text-align:left; font-size:14px; }
#contant-left h3 { line-height:40px; }
#contant-left table th, #contant-left table td { line-height:30px; }
#contant-left table th { font-weight:normal; }
#map-area { border:1px solid #cccccc; width:498px; height:400px; }


.article-list { text-align:left; padding:0 0 0 30px; font-size:14px; }
.article-list h3 { line-height:40px; }
.article-list ul li { line-height:30px; }
.article-list ul li a { padding:0 20px; color:#05ADC0; }

#about-intro { text-align:left; color:#666666; }

.team .declaration { line-height:200%; }
.team .declaration p { padding:10px 0; color:#000000; }
.team .team-member dl { clear:both; padding:50px 0;}
.team .team-member dl dt { float:left; width:102px; height:102px; }
.team .team-member dl dt img { border:1px solid #cccccc; padding:2px; }
.team .team-member dl dd { float:left; width:400px; padding:0 0 0 20px; font-size:12px; }
.team .team-member dl dd  h4 { color:#F51F2E; }

.project-intro { color:#666666; }
.project-intro a { color:#05ADC0; }




